<template>
  <div>
      <h4>发表评论</h4>
      <hr>
      <textarea maxlength="120" placeholder="请输入要评论的内容(最多评论120字)"></textarea>
      <mt-button type="primary" size='large'>发表评论</mt-button>

        <!-- 中间列表 -->
        <div class="list">
            <div class="list-item">
                <div class="list-title">第1楼 &nbsp;&nbsp;用户:匿名函数&nbsp;&nbsp;发表时间:2017-12-12 11:11:11</div>
                <div class="list-content">
                    为什么啊
                </div>
            </div>
        </div>
        <div class="list">
            <div class="list-item">
                <div class="list-title">第1楼 &nbsp;&nbsp;用户:匿名函数&nbsp;&nbsp;发表时间:2017-12-12 11:11:11</div>
                <div class="list-content">
                    为什么啊
                </div>
            </div>
        </div>
        <div class="list">
            <div class="list-item">
                <div class="list-title">第1楼 &nbsp;&nbsp;用户:匿名函数&nbsp;&nbsp;发表时间:2017-12-12 11:11:11</div>
                <div class="list-content">
                    为什么啊
                </div>
            </div>
        </div>

      <mt-button type='danger' plain size='large'>加载更多</mt-button>
  </div>
</template>
<script>
    
</script>


<style lang="scss" scoped>
textarea{
    margin-bottom: 0;
    font-size: 14px
}
.list{
  .list-item{
      .list-title{
          font-size: 14px;
          background-color: #ccc;
            line-height: 30px;
      }
  .list-content{
      font-size: 14px;
      text-indent: 2em;
      line-height: 30px
  }
  }  
  
}

</style>
